<template>
  <div class="view-box">
    <div id="toolbar">
      <input type="checkbox" v-model="resizable" />
      Toggle resizable
    </div>
    <div class="container">
      <VueDragResizeRotate :resizable="resizable">
        <p v-if="resizable">现在可以调整大小了</p>
        <p v-else>现在不可以调整大小</p>
      </VueDragResizeRotate>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      resizable: false
    };
  }
};
</script>
